/**
 * CSS Document * 
 * Created by Jessie 2016/6/20.
 */
@red:#f00;
@orange:#f60;
@bule:#03c;
@font-yahei:"微软雅黑";
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.ml-6{margin-left: 6px;}
.mt-6{margin-top: 6px;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.dis-in-b {
  display: inline-block;
}
.article-list(@list-padding:10px, @font-size:12px, @list-li-height, @list-li-bg) {
  padding:@list-padding;
  li {
    height: @list-li-height;
    span{
      display: inline-block;
      float: right;
      font:@font-size/@list-li-height @font-yahei;
      color: #666;
    }
    a{
      padding-left: 14px;
      background: url(@list-li-bg);
      font:@font-size/@list-li-height @font-yahei;
      color: #333;
      &:hover{
        color: @orange;
      }
    }
  }
}
.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
.opacity-class(@opacity1:50,@opacity:0.5){
  filter:alpha(opacity=@opacity1);
  -moz-opacity:@opacity;
  -khtml-opacity: @opacity;
  opacity: @opacity;
}
